<template>
  <view class="flex-col section_4 space-y-14">
	  
	<!-- 遮罩层 -->
	<view v-if="showMask1" class="mask"></view>
	  
    <view class="flex-col justify-start items-center text-wrapper_2">
      <text class="font_3 text_8">已完成实验</text>
    </view>
	<text class="self-center font_3 text_9" @click="confirm">确认</text>
	<!-- <text @click="hideMask" class="self-center font_3 text_9">确认</text> -->
	
  </view>
</template>

<script>
	//保存实验历史数据
	// import {_saveHistory} from '@/service/equip.js'
  export default {
    components: {},
    data() {
      return {
		  // showMask1:true,
	  };
    },
    methods: {
		navTo(url){
			uni.navigateTo({
				url:url,
				success(res) {
					console.log('成功啦',res);
				},
				fail(err) {
					console.log('失败啦',err);
				}
			})
		},
		ensure(){
			console.log("实验已完成")
		},
		confirm() {
		      this.$emit('confirm');
		}
	},
  };
</script>

<style scoped lang="css">
  .font_3 {
    font-size: 37.5rpx;
    font-family: SourceHanSansCN;
    letter-spacing: 6.25rpx;
    line-height: 34.38rpx;
  }
  .section_4 {
    padding: 54.17rpx 0 29.17rpx;
    background-color: white;
    border-radius: 33.33rpx;
  }
  .space-y-14 > view:not(:first-child),
  .space-y-14 > text:not(:first-child),
  .space-y-14 > image:not(:first-child) {
    margin-top: 29.17rpx;
  }
  .text-wrapper_2 {
    padding-bottom: 33.33rpx;
    width: 364.58rpx;
    border-bottom: solid 4.17rpx #dddedf;
  }
  .text_8 {
    color: #000000;
    line-height: 35.42rpx;
  }
  .text_9 {
    color: #0a8a81;
  }
  .mask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    background-color: #000;
  }
</style>